<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="importhead.jsp" %>
    <html xmlns="http://www.w3.org/1999/xhtml">
    
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <link href="css/bloger.css" rel="stylesheet" type="text/css" />
        <link href="css/topmenu.css" rel="stylesheet" type="text/css" />
        <script src="js/jquery-1.10.2.min.js" type="text/javascript"></script>
        <title>微风山谷的博客空间</title>
    </head>
    
    <body>	
    	<%@ include file="systemmeum.jsp" %>
    	
        <!-- end sysmenu -->
        <!-- 菜单2区，菜单为文章目录和关于我-->
        <div id="menu2">
            <ul>
                <li>
                    <a href="Blogmain.do">回主页</a>
                </li>
                <li id="menuDiv"></li>
                <li>
                    <a href="Bloger.do?id=${bloguser.userid }">博文目录</a>
                </li>
                <li id="menuDiv"></li>
                <li>
                    <a href="#">关于我</a>
                </li>
            </ul>
        </div>
        <!-- 博主个人图片区 -->
        <div id="masterinfo">
            <img src="/upload/${bloguser.photoname }" title="滑稽" width="100%" height="100%" alt="微风山谷的博客" />
        </div>
        <!-- 博主个人签名区-->
        <div id="bloginfo">
            <span id="bloger">【${bloguser.nickname }</span>
            <span id="bloger">的博客】</span>
            <br>
            <br />
            <span id="sign">${bloguser.signed }</span>
        </div>
        <!--博主空间统计区-->
        <div id="statistic">
            <div id="statistictopic">
                <span>统计数据</span>
            </div>
            <table width="100%">
                <tr>
                    <td width="60%" style="text-align:right">当前浏览人数：</td>
                    <td width="40%" style="text-align:right;padding-right:10px">32</td>
                </tr>
                <tr>
                    <td style="text-align:right">评论数：</td>
                    <td style="text-align:right; padding-right:10px">521</td>
                </tr>
                <tr>
                    <td style="text-align:right">历史浏览人数：</td>
                    <td style="text-align:right; padding-right:10px">1928</td>
                </tr>
            </table>
        </div>
        <!--热点文章目录区-->
        <div id="recommend">
            <div id="recommendtopic">
                <span>热点博文</span>
            </div>
            <ul>
                <li>
                    <a href="article.html">【丽江】冒着大雨奔向...(11)</a>
                </li>
                <li>
                    <a href="#">【新加坡】路过但不想...(23)</a>
                </li>
            </ul>
        </div>
        <!--文章搜索区-->
        <div id="search">
            <div id="searchtopic">
                <span>搜博主文章</span>
            </div>
            <span>
                <form id="searchform" name="searchform" method="post" action="">
                    <input style="width:120px; margin-left:10px" type="text" name="txtsearch" id="txtsearch" />
                    <input style="width:60px" type="submit" name="btnsearch" id="btnsearch" value="搜索" />
                </form>
            </span>
        </div>
        <div style="clear:both"></div>
        <!--文章目录区-->
        <div id="main">
            <div id="topic">
                <span class="articletopic">全部博文 (${artivnum })</span>
            </div>
            <div id="content">
                <table width="100%">
                
                <c:forEach items="${formlist }" var="form">

                	 <tr>
                        <td id="blogcontent">
                            <a href="BlogerarticleCtrServlet.do?fourmid=${form.titleid }">【${form.serilize }】${form.topic }</a>
                        </td>
                        <td id="blogreview">（${form.reviewcounter }）</td>
                        <td id="blogcreate">${form.createtime }</td>
                    </tr>
               </c:forEach>
                   
                    
                </table>
            </div>
            <div id="footer">
                <ul>
                    <li class="pagedo">共${pageAmount }页</li>
                    <li class="pagedo">
                        <a href="Bloger.do?id=${userid }&curpage=${pageAmount }">最末页</a>
                    </li>
                    <li class="pagedo">
                        <a href="Bloger.do?id=${userid }&curpage=${curpage+1 }">下一页</a>
                    </li>

                    	<c:forEach begin="1" end="${pageAmount }" step="1" var="i">
                    		<c:if test="${pageAmount-i+1==curpage }">
                    			<li class = "page">
                    		<a href="Bloger.do?id=${userid }&curpage=${pageAmount-i+1 }">${pageAmount-i+1 }</a>
                    	</li>
                    		</c:if>
                    		
                    		<c:if test="${pageAmount-i+1!=curpage }">
                    			<li class = "pageselect">
                    		<a href="Bloger.do?id=${userid }&curpage=${pageAmount-i+1 }">${pageAmount-i+1 }</a>
                    	</li>
                    		</c:if>
                    		
                    	</c:forEach>
                    	
                    <li class="pagedo">
                        <a href="Bloger.do?id=${userid }&curpage=${curpage-1 }">上一页</a>
                    </li>
                    
                    <li class="pagedo">
                        <a href="Bloger.do?id=${userid }">首页</a>
                    </li>
                </ul>
            </div>
        </div>
        <script type="text/javascript">$(document).ready(function() {
                //判断显示器的分辨率
                var winWidth = document.documentElement.clientWidth;
                var winHeight = document.documentElement.clientheight;
                //var main = document.getElementById("main");
                var main1 = $("#main");
                var topic = $("#topic");
                var content = $("#content");
                var footer = $("#footer");
                //alert(main.style.width);
                //alert(main1.width());
                //main.style.width = (winWidth - 1024)/2 +760 +"px";
                main1.css("width", (winWidth - 1024) / 2 + 760 + "px");
                topic.css("width", (winWidth - 1024) / 2 + 760 - 22 + "px");
                content.css("width", (winWidth - 1024) / 2 + 760 + "px");
                footer.css("width", (winWidth - 1024) / 2 + 760 + "px");
            });
        </script>
        <div class="copyright">
            <p>Copyright © 2014 - Software Technology from
                <a href="http://www.yngsxy.net/" title="云南工商学院" target="_blank">云南工 商学院</a>
            </p>
        </div>
    </body>
</html>
